﻿/*#region geral*/
html{
    font-size: 16px;
}
body * 
{
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    padding: 0;
    margin: 0;
    text-align:left;
    border:0px solid black;
}
body p{
    line-height: 1.5em;
}
/*#endregion*/

/*#region definição do layout*/
body {
    padding: 0 3em;
    min-width: 900px;
    background-color: #FFF;
}
    body > header
    {
        padding: 1em 0;
    }
    
    body > nav,
    body > section
    {
        display: table-cell;
        vertical-align: top;
    }
    body > nav {
        width: 15em;
        border: 1px solid #DDD;
    }
    body > section
    {
        padding: 0 1em 1em 2em;
    }

    body > footer {
        padding: 1em 0;
        border-top: 0.5em solid black;
    }
/*#endregion*/

/*#region cabeçalho da página*/
body > header hgroup{
    display: inline-block;
}
body > header h1
    {
        font-size: 1.8em;
    }
body > header h2{
    font-size: 1em;
}
body > header h3{
    font-size: 0.6em;
    text-align: right;
}
/*#endregion*/

/*#region rodapé da página*/
/*#endregion*/

/*#region menu de navegação*/
    nav > ul
    {
        padding: 1em;
    }
    
    nav li
    {
        display: block;
    }
    nav > ul > li
    {
        margin-bottom: 0.5em;
    }
    nav > ul > li > a
    {
        font-weight: bold;
    }

    nav > ul ul
    {
        font-size: 0.8em;
        margin-left: 1em;
    }
    nav > ul ul > li:before
    {
        content:"- ";
    }
    nav a
    {
        color: #000;
        text-decoration: none;
    }
    nav a:hover
    {
        text-decoration: underline;
    }
/*#endregion*/


/* conteudos geral*/

/*#region separador*/
hr:after
{
    content: "* * *";
}
hr
{
    border: 0;
    text-align: center;
    margin: 1em 0 2em 0;
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Times New Roman', Times, serif;
}
/*#endregion*/

/*#region titulos*/
body > section h1
{
    font-size: 1.5em; 
}
body > section h2
{
    font-size: 1.2em;
}
body > section h3
{
    font-size: 1em;
}
/*#endregion*/

/*#region rodape artigos*/
body > section > article footer
{
    text-align:right;
}
body > section > article footer > a
{
    margin: 0.5em 0;
    color: #666;
    font-size: 0.8em;
}
body > section > article footer > a:hover
{
    color: #000;
}
/*#endregion*/

/*#region capitulos*/
body > section > article > header{
    margin-bottom: 1em;
    border-bottom: 3px solid #CCC;
}
/*#endregion*/


/* conteúdos especificos */

/*#region home*/
#home h2{
    margin-bottom: 0.5em;
    margin-top: 1em;
}
#home h2:first-child{
    margin-top: 0;
}
#home ol
{
    list-style-position: inside;
    list-style-type:disc;
}
#home ol li
{
    padding: 0.3em 0.7em;
}
#home ol li:nth-child(odd)
{
    background:#EEE;
}

/*#endregion*/

/* componentes */
#modules footer
{
    margin-bottom: 1em;
}

#modules .componente,
#modules .atributos,
#modules .exemplo
{
    border: 1px solid #CCC;
    padding: 0em 1em 0em 1.5em;
}
#modules .atributos,
#modules .exemplo
{
    padding-bottom: 1em;
    margin-top: 2em;
}
#modules .componente > header
{
    margin: -1em 0 1em -0.5em;
}
#modules .atributos > header,
#modules .exemplo > header
{
    margin: -1em 0 0.2em -0.5em;
}
#modules .componente > header > h2,
#modules .atributos > header > h3,
#modules .exemplo > header > h3
{
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #FFF;
}
#modulegeral dl{
    margin-left: 1em;
    margin-bottom: 1em;
}
#modulegeral dt{
    margin-top: 1em;
    font-weight: bold;
}

#modules .componente > section{
    margin-bottom: 1em;
}


/*#region descricao*/
#modules .descricao
{
    margin-bottom: 1em;
}

#modules .descricao dt{
    font-weight: bold;
    display: inline;
}
#modules .descricao dt:after
{
    content:":";
}
#modules .descricao dd{
    display: inline;
}
#modules .descricao dt:before {
    content:".";
    height:0;
    overflow:hidden;
    display: block;
    margin-top: 1em;
}


/*#endregion*/

/*#region atributos*/
#modules .atributos ul
{
    list-style-position:inside;
    list-style-type:square;
}
#modules .atributos ul li
{
    font-weight: bold;
    margin-bottom: 0.5em;
}
#modules .atributos ul li dl
{
    font-weight: normal;
}
#modules .atributos ul li dd,
#modules .atributos ul li dt
{
    display: inline;
}
#modules .atributos ul li dt:after
{
    content: ": ";
}

#modules .atributos ul li dt:before {
    content:".";
    height:0;
    overflow:hidden;
    display: block;
}

/*#endregion*/

/*#region exemplos*/
#modules .exemplo ul
{
    list-style: none;
}
#modules .exemplo ul > li
{
    border-bottom: 1px solid #CCC;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
#modules .exemplo ul > li:last-child
{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*#endregion*/



